<%--
  Created by IntelliJ IDEA.
  User: 86150
  Date: 2020/9/23
  Time: 10:01
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<html class="no-js" lang="zxx">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="meta description">
    <title></title>

    <!--=== Favicon ===-->
    <link rel="shortcut icon" href="${pageContext.request.contextPath}/static/assets/img/favicon.ico"
          type="image/x-icon"/>

    <!-- Google fonts include -->
    <link href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,900%7CYesteryear"
          rel="stylesheet">

    <!-- All Vendor & plugins CSS include -->
    <link href="${pageContext.request.contextPath}/static/assets/css/vendor.css" rel="stylesheet">
    <!-- Main Style CSS -->
    <link href="${pageContext.request.contextPath}/static/assets/css/style.css" rel="stylesheet">

    <!--[if lt IE 9]>
    <script src="/oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="/oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body>

<!-- Start Header Area -->
<header class="header-area">
    <!-- main header start -->
    <div class="main-header d-none d-lg-block">
        <!-- header top start -->
        <div class="header-top bdr-bottom">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-6">
                        <div class="welcome-message">

                        </div>
                    </div>
                    <div class="col-lg-6 text-right">
                        <div class="header-top-settings">
                            <ul class="nav align-items-center justify-content-end">
                                <li class="language">
                                    <span>欢迎来到花海花卉店</span>

                                </li>
                                <li class="curreny-wrap">
                                    <span>${empty user ? '游客': user.uname}</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- header top end -->

        <!-- header middle area start -->
        <div class="header-main-area sticky">
            <div class="container">
                <div class="row align-items-center position-relative">

                    <!-- start logo area -->
                    <div class="col-lg-3">
                        <div class="logo">
                            <a href="index.html">
                                <img src="${pageContext.request.contextPath}/static/assets/img/logo/logo.png" alt="">
                            </a>
                        </div>
                    </div>
                    <!-- start logo area -->

                    <!-- main menu area start -->
                    <div class="col-lg-6 position-static">
                        <div class="main-menu-area">
                            <div class="main-menu">
                                <!-- main menu navbar start -->
                                <nav class="desktop-menu">
                                    <ul>
                                        <li><a href="${pageContext.request.contextPath}/flower/indexInit">主页</a></li>
                                        <li><a href="${pageContext.request.contextPath}/flower/shopInit">花海</a></li>
                                        <li><a href="${pageContext.request.contextPath}/flower/productInit">花卉信息</a>
                                        </li>
                                    </ul>
                                </nav>
                                <!-- main menu navbar end -->
                            </div>
                        </div>
                    </div>
                    <!-- main menu area end -->

                    <!-- mini cart area start -->
                    <div class="col-lg-3">
                        <div class="header-configure-wrapper">
                            <div class="header-configure-area">
                                <ul class="nav justify-content-end">
                                    <li>
                                        <a href="#" class="offcanvas-btn">
                                            <i class="lnr lnr-magnifier"></i>
                                        </a>
                                    </li>
                                    <li class="user-hover">
                                        <a href="#">
                                            <i class="lnr lnr-user"></i>
                                        </a>
                                        <ul class="dropdown-list">
                                            <li><a href="${pageContext.request.contextPath}/user/userLoginInit">登录/切换账号</a></li>
                                            <li><a href="${pageContext.request.contextPath}/user/userRegisterInit/">注册</a></li>
                                            <li><a href="#">个人信息</a></li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="${pageContext.request.contextPath}/flower/wishListInit">
                                            <i class="lnr lnr-heart"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#" class="minicart-btn">
                                            <i class="lnr lnr-cart"></i>
                                            <div class="notification">${caList.size()}</div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!-- mini cart area end -->

                </div>
            </div>
        </div>
        <!-- header middle area end -->
    </div>
    <!-- main header start -->

    <!-- mobile header start -->
    <div class="mobile-header d-lg-none d-md-block sticky">
        <!--mobile header top start -->
        <div class="container">
            <div class="row align-items-center">
                <div class="col-12">
                    <div class="mobile-main-header">
                        <div class="mobile-logo">
                            <a href="index.html">
                                <img src="${pageContext.request.contextPath}/static/assets/img/logo/logo.png"
                                     alt="Brand Logo">
                            </a>
                        </div>
                        <div class="mobile-menu-toggler">
                            <div class="mini-cart-wrap">
                                <a href="#">
                                    <i class="lnr lnr-cart"></i>
                                </a>
                            </div>
                            <div class="mobile-menu-btn">
                                <div class="off-canvas-btn">
                                    <i class="lnr lnr-menu"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- mobile header top start -->
    </div>
    <!-- mobile header end -->
</header>
<!-- end Header Area -->

<!-- off-canvas menu start -->
<aside class="off-canvas-wrapper">
    <div class="off-canvas-overlay"></div>
    <div class="off-canvas-inner-content">
        <div class="btn-close-off-canvas">
            <i class="lnr lnr-cross"></i>
        </div>

        <div class="off-canvas-inner">
            <!-- search box start -->
            <div class="search-box-offcanvas">
                <form>
                    <input type="text" placeholder="Search Here...">
                    <button class="search-btn"><i class="lnr lnr-magnifier"></i></button>
                </form>
            </div>
            <!-- search box end -->

            <!-- mobile menu start -->
            <div class="mobile-navigation">

                <!-- mobile menu navigation start -->
                <nav>
                    <ul class="mobile-menu">
                        <li><a href="index.html">Home</a></li>
                        <li><a href="shop.html">花海</a></li>
                        <li><a href="product-details.html">Product Details</a></li>
                    </ul>
                </nav>
                <!-- mobile menu navigation end -->
            </div>
            <!-- mobile menu end -->

            <div class="mobile-settings">
                <ul class="nav">
                    <li>
                        <div class="dropdown mobile-top-dropdown">
                            <a href="#" class="dropdown-toggle" id="currency" data-toggle="dropdown"
                               aria-haspopup="true" aria-expanded="false">
                                Currency
                                <i class="fa fa-angle-down"></i>
                            </a>
                            <div class="dropdown-menu" aria-labelledby="currency">
                                <a class="dropdown-item" href="#">$ USD</a>
                                <a class="dropdown-item" href="#">$ EURO</a>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="dropdown mobile-top-dropdown">
                            <a href="#" class="dropdown-toggle" id="myaccount" data-toggle="dropdown"
                               aria-haspopup="true" aria-expanded="false">
                                My Account
                                <i class="fa fa-angle-down"></i>
                            </a>
                            <div class="dropdown-menu" aria-labelledby="myaccount">
                                <a class="dropdown-item" href="#">my account</a>
                                <a class="dropdown-item" href="#"> login</a>
                                <a class="dropdown-item" href="#">register</a>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>

            <!-- offcanvas widget area start -->
            <div class="offcanvas-widget-area">
                <div class="off-canvas-contact-widget">
                    <ul>
                        <li><i class="fa fa-mobile"></i>
                            <a href="#">0123456789</a>
                        </li>
                        <li><i class="fa fa-envelope-o"></i>
                            <a href="#">info@yourdomain.com</a>
                        </li>
                    </ul>
                </div>
                <div class="off-canvas-social-widget">
                    <a href="#"><i class="fa fa-facebook"></i></a>
                    <a href="#"><i class="fa fa-twitter"></i></a>
                    <a href="#"><i class="fa fa-pinterest-p"></i></a>
                    <a href="#"><i class="fa fa-linkedin"></i></a>
                    <a href="#"><i class="fa fa-youtube-play"></i></a>
                </div>
            </div>
            <!-- offcanvas widget area end -->
        </div>
    </div>
</aside>
<!-- off-canvas menu end -->


<!-- main wrapper start -->
<main>
    <!-- breadcrumb area start -->
    <div class="breadcrumb-area common-bg">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="breadcrumb-wrap">
                        <nav aria-label="breadcrumb">
                            <h1>花海</h1>
                            <ul class="breadcrumb">
                                <li class="breadcrumb-item"><a href="index.html"><i class="fa fa-home"></i></a></li>
                                <li class="breadcrumb-item active" aria-current="page">花海</li>
                            </ul>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- breadcrumb area end -->

    <!-- page main wrapper start -->
    <div class="shop-main-wrapper section-space pb-0">
        <div class="container">
            <div class="row">
                <!-- sidebar area start -->
                <div class="col-lg-3 order-2 order-lg-1">
                    <aside class="sidebar-wrapper">

                        <form action="${pageContext.request.contextPath}/flower/shopInit" method="post" id="form">
                            <input type="hidden" name="pageNum" value="1">
                            <!-- single sidebar start -->
                                <div class="sidebar-single">
                                <h3 class="sidebar-title">分类</h3>
                                <div class="sidebar-body">
                                    <ul class="shop-categories">
                                        <li><a href="${pageContext.request.contextPath}/flower/shopInit">所有
                                            <span id="t0"></span></a></li>
                                        <input type="hidden" id="all" name="type">


                                        <li><a href="javascript:void(0)" onclick="changeShizhu()">石竹科
                                            <span id="t1"></span></a></li>
                                        <input type="hidden" id="shizhu" name="type">

                                        <li><a href="javascript:void(0)" onclick="changeShaoyao()">芍药科
                                            <span id="t2"></span></a></li>
                                        <input type="hidden" id="shaoyao" name="type">

                                        <li><a href="javascript:void(0)" onclick="changeJuke()">菊科
                                            <span id="t3"></span></a>
                                        </li>
                                        <input type="hidden" id="ju" name="type">

                                        <li><a href="javascript:void(0)" onclick="changeQiangwei()">蔷薇科
                                            <span id="t4"></span></a></li>
                                        <input type="hidden" id="qiangwei" name="type">
                                    </ul>
                                </div>
                            </div>
                            <!-- single sidebar end -->

                            <!-- single sidebar start -->
                            <div class="sidebar-single">
                                <h3 class="sidebar-title">价格范围</h3>
                                <div class="sidebar-body">
                                    <div class="price-range-wrap">
                                        <div class="price-range" data-min="0" data-max="1000"></div>
                                        <div class="range-slider">
                                            <form action="${pageContext.request.contextPath}/flower/shopInit" class="d-flex align-items-center justify-content-between">
                                                <div class="price-input">
                                                    <label for="amount">价格: </label>
                                                    <input type="text" id="amount" value="">

                                                    <input type="number" name="min" id="min">
                                                    <input type="hidden" name="max" id="max">

                                                </div>
                                                <button class="filter-btn">查询</button>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!-- single sidebar end -->

                            <!-- single sidebar start -->
                            <%--<div class="sidebar-single">--%>
                            <%--<h3 class="sidebar-title">brand</h3>--%>
                            <%--<div class="sidebar-body">--%>
                            <%--<ul class="checkbox-container categories-list">--%>
                            <%--<li>--%>
                            <%--<div class="custom-control custom-checkbox">--%>
                            <%--<input type="checkbox" class="custom-control-input" id="customCheck2">--%>
                            <%--<label class="custom-control-label" for="customCheck2">Studio (3)</label>--%>
                            <%--</div>--%>
                            <%--</li>--%>
                            <%--<li>--%>
                            <%--<div class="custom-control custom-checkbox">--%>
                            <%--<input type="checkbox" class="custom-control-input" id="customCheck3">--%>
                            <%--<label class="custom-control-label" for="customCheck3">Hastech (4)</label>--%>
                            <%--</div>--%>
                            <%--</li>--%>
                            <%--<li>--%>
                            <%--<div class="custom-control custom-checkbox">--%>
                            <%--<input type="checkbox" class="custom-control-input" id="customCheck4">--%>
                            <%--<label class="custom-control-label" for="customCheck4">Quickiin (15)</label>--%>
                            <%--</div>--%>
                            <%--</li>--%>
                            <%--<li>--%>
                            <%--<div class="custom-control custom-checkbox">--%>
                            <%--<input type="checkbox" class="custom-control-input" id="customCheck1">--%>
                            <%--<label class="custom-control-label" for="customCheck1">Graphic corner (10)</label>--%>
                            <%--</div>--%>
                            <%--</li>--%>
                            <%--<li>--%>
                            <%--<div class="custom-control custom-checkbox">--%>
                            <%--<input type="checkbox" class="custom-control-input" id="customCheck5">--%>
                            <%--<label class="custom-control-label" for="customCheck5">devItems (12)</label>--%>
                            <%--</div>--%>
                            <%--</li>--%>
                            <%--</ul>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <!-- single sidebar end -->

                            <!-- single sidebar start -->
                            <div class="sidebar-single">
                                <h3 class="sidebar-title">颜色</h3>
                                <div class="sidebar-body">
                                    <ul class="shop-categories">
                                        <li><a href="${pageContext.request.contextPath}/flower/shopInit">所有
                                            <span id="c0"></span></a></li>

                                        <li><a href="javascript:void(0)" onclick="changeShizhu()" style="color: purple">紫色
                                            <span id="c1"></span></a></li>
                                        <input type="hidden" id="zi" name="color" >

                                        <li><a href="javascript:void(0)" onclick="changeShaoyao()" style="color: orange">橙色
                                            <span id="c2"></span></a></li>
                                        <input type="hidden" id="cheng" name="color" >

                                        <li><a href="javascript:void(0)" onclick="changeJuke()" style="color: pink">粉色
                                            <span id="c3"></span></a>
                                        </li>
                                        <input type="hidden" id="fen" name="color" >

                                        <li><a href="javascript:void(0)" onclick="changeQiangwei()" style="color: red">红色
                                            <span id="c4"></span></a></li>
                                        <input type="hidden" id="hong" name="color" >
                                    </ul>
                                </div>
                            </div>
                            <!-- single sidebar end -->

                        </form>
                        <!-- single sidebar end -->

                        <%--<!-- single sidebar start -->--%>
                        <%--<div class="sidebar-single">--%>
                        <%--<h3 class="sidebar-title">size</h3>--%>
                        <%--<div class="sidebar-body">--%>
                        <%--<ul class="checkbox-container categories-list">--%>
                        <%--<li>--%>
                        <%--<div class="custom-control custom-checkbox">--%>
                        <%--<input type="checkbox" class="custom-control-input" id="customCheck111">--%>
                        <%--<label class="custom-control-label" for="customCheck111">S (4)</label>--%>
                        <%--</div>--%>
                        <%--</li>--%>
                        <%--<li>--%>
                        <%--<div class="custom-control custom-checkbox">--%>
                        <%--<input type="checkbox" class="custom-control-input" id="customCheck222">--%>
                        <%--<label class="custom-control-label" for="customCheck222">M (5)</label>--%>
                        <%--</div>--%>
                        <%--</li>--%>
                        <%--<li>--%>
                        <%--<div class="custom-control custom-checkbox">--%>
                        <%--<input type="checkbox" class="custom-control-input" id="customCheck333">--%>
                        <%--<label class="custom-control-label" for="customCheck333">L (7)</label>--%>
                        <%--</div>--%>
                        <%--</li>--%>
                        <%--<li>--%>
                        <%--<div class="custom-control custom-checkbox">--%>
                        <%--<input type="checkbox" class="custom-control-input" id="customCheck444">--%>
                        <%--<label class="custom-control-label" for="customCheck444">XL (3)</label>--%>
                        <%--</div>--%>
                        <%--</li>--%>
                        <%--</ul>--%>
                        <%--</div>--%>
                        <%--</div>--%>
                        <%--<!-- single sidebar end -->--%>

                        <!-- single sidebar start -->
                        <div class="sidebar-banner">
                            <div class="img-container">
                                <a href="#">
                                    <img src="${pageContext.request.contextPath}/static/assets/img/banner/sidebar-banner.jpg"
                                         alt="">
                                </a>
                            </div>
                        </div>
                        <!-- single sidebar end -->
                    </aside>
                </div>
                <!-- sidebar area end -->

                <!-- shop main wrapper start -->
                <div class="col-lg-9 order-1 order-lg-2">
                    <div class="shop-product-wrapper">
                        <!-- shop product top wrap start -->
                        <div class="shop-top-bar">
                            <div class="row align-items-center">
                                <div class="col-lg-7 col-md-6 order-2 order-md-1">
                                    <div class="top-bar-left">
                                        <div class="product-view-mode">
                                            <a class="active" href="#" data-target="grid-view" data-toggle="tooltip"
                                               title="Grid View"><i class="fa fa-th"></i></a>
                                            <a href="#" data-target="list-view" data-toggle="tooltip" title="List View"><i
                                                    class="fa fa-list"></i></a>
                                        </div>
                                        <div class="product-amount">
                                            <p></p>
                                        </div>
                                    </div>
                                </div>
                                <%--<div class="col-lg-5 col-md-6 order-1 order-md-2">--%>
                                <%--<div class="top-bar-right">--%>
                                <%--&lt;%&ndash;<div class="product-short">&ndash;%&gt;--%>
                                <%--&lt;%&ndash;<p>排序 : </p>&ndash;%&gt;--%>
                                <%--&lt;%&ndash;<select class="nice-select" name="sortby" onblur="">&ndash;%&gt;--%>


                                <%--&lt;%&ndash;<option value="sales">到货时间</option>&ndash;%&gt;--%>
                                <%--&lt;%&ndash;<option value="rating">价格 (从低到高)</option>&ndash;%&gt;--%>

                                <%--&lt;%&ndash;</select>&ndash;%&gt;--%>
                                <%--&lt;%&ndash;</div>&ndash;%&gt;--%>
                                <%--</div>--%>
                                <%--</div>--%>
                            </div>
                        </div>
                        <!-- shop product top wrap start -->

                        <!-- product item list wrapper start -->
                        <div class="shop-product-wrap grid-view row mbn-40">

                            <table>
                                <tr>
                                    <c:forEach items="${pageInfo.list}" var="f">
                                        <!-- product single item start -->

                                        <!-- product single item start -->
                                        <div class="col-md-4 col-sm-6">
                                            <!-- product grid start -->
                                            <div class="product-item">
                                                <figure class="product-thumb">
                                                    <a href="product-details.html">
                                                        <img class="pri-img"
                                                             src="${pageContext.request.contextPath}/static/assets/img/product/product-2.jpg"
                                                             alt="product">
                                                        <img class="sec-img"
                                                             src="${pageContext.request.contextPath}/static/assets/img/product/product-4.jpg"
                                                             alt="product">
                                                    </a>
                                                    <div class="product-badge">
                                                        <div class="product-label new">
                                                            <span>new</span>
                                                        </div>
                                                        <div class="product-label discount">
                                                            <span>${f.discount}</span>
                                                        </div>
                                                        <input id="fid" type="hidden" value="${f.id}">
                                                    </div>
                                                    <div class="button-group">
                                                        <a href="javascript:void(0)" data-toggle="tooltip" data-placement="left"
                                                           title="添加到心愿单"><i class="lnr lnr-heart"  onclick="addWish(${f.id})"></i></a>
                                                        <a href="javascript:void(0)"  data-toggle="modal" data-target="#quick_view" onclick="toFlowerInfo(${f.id})"><span
                                                                data-toggle="tooltip" data-placement="left"
                                                                title="查看详细信息"><i
                                                                class="lnr lnr-magnifier"></i></span></a>
                                                        <a href="#" data-toggle="tooltip" data-placement="left"
                                                           title="添加到购物车"><i class="lnr lnr-cart" onclick="addCart(${f.id})"></i></a>
                                                    </div>
                                                </figure>
                                                <div class="product-caption">
                                                    <p class="product-name">
                                                        <a href="product-details.html">${f.fname}</a>
                                                    </p>
                                                    <div class="price-box">
                                                        <span class="price-regular">￥${f.fprice}</span>

                                                    </div>
                                                </div>
                                            </div>
                                            <!-- product grid end -->

                                            <!-- product list item end -->
                                            <div class="product-list-item">
                                                <figure class="product-thumb">
                                                    <a href="product-details.html">
                                                        <img class="pri-img"
                                                             src="${pageContext.request.contextPath}/static/assets/img/product/product-2.jpg"
                                                             alt="product">
                                                        <img class="sec-img"
                                                             src="${pageContext.request.contextPath}/static/assets/img/product/product-4.jpg"
                                                             alt="product">
                                                    </a>
                                                    <div class="product-badge">
                                                        <div class="product-label discount">
                                                            <span>${f.discount}</span>
                                                        </div>
                                                    </div>
                                                </figure>
                                                <div class="product-content-list">
                                                    <h5 class="product-name"><a
                                                            href="product-details.html">${f.fname}</a></h5>
                                                    <div class="price-box">
                                                        <span class="price-regular">￥${f.fprice}</span>

                                                    </div>
                                                    <p>
                                                            ${f.fdecr}
                                                    </p>
                                                    <div class="button-group-list">
                                                        <a class="btn-big" href="#" data-toggle="tooltip"
                                                           title="Add to Cart"><i class="lnr lnr-cart"></i>Add to
                                                            Cart</a>
                                                        <a href="#" data-toggle="modal" data-target="#quick_view" onclick="toFlowerInfo(${h.id})"><span
                                                                data-toggle="tooltip" title="Quick View"><i
                                                                class="lnr lnr-magnifier"></i></span></a>
                                                        <a href="#" data-toggle="tooltip" title="Add to wishlist"><i
                                                                class="lnr lnr-heart"></i></a>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- product list item end -->
                                        </div>


                                    </c:forEach>
                                </tr>
                            </table>


                            <%--<!-- product single item start -->--%>

                            <%--<!-- product single item start -->--%>
                            <%--<div class="col-md-4 col-sm-6">--%>
                            <%--<!-- product grid start -->--%>
                            <%--<div class="product-item">--%>
                            <%--<figure class="product-thumb">--%>
                            <%--<a href="product-details.html">--%>
                            <%--<img class="pri-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-2.jpg" alt="product">--%>
                            <%--<img class="sec-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-4.jpg" alt="product">--%>
                            <%--</a>--%>
                            <%--<div class="product-badge">--%>
                            <%--<div class="product-label new">--%>
                            <%--<span>new</span>--%>
                            <%--</div>--%>
                            <%--<div class="product-label discount">--%>
                            <%--<span>5%</span>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <%--<div class="button-group">--%>
                            <%--<a href="#" data-toggle="tooltip" data-placement="left" title="Add to wishlist"><i class="lnr lnr-heart"></i></a>--%>
                            <%--<a href="#" data-toggle="modal" data-target="#quick_view"><span data-toggle="tooltip" data-placement="left" title="Quick View"><i class="lnr lnr-magnifier"></i></span></a>--%>
                            <%--<a href="#" data-toggle="tooltip" data-placement="left" title="Add to Cart"><i class="lnr lnr-cart"></i></a>--%>
                            <%--</div>--%>
                            <%--</figure>--%>
                            <%--<div class="product-caption">--%>
                            <%--<p class="product-name">--%>
                            <%--<a href="product-details.html">Jasmine flowers white</a>--%>
                            <%--</p>--%>
                            <%--<div class="price-box">--%>
                            <%--<span class="price-regular">$20.00</span>--%>
                            <%--<span class="price-old"><del>$70.00</del></span>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <%--<!-- product grid end -->--%>

                            <%--<!-- product list item end -->--%>
                            <%--<div class="product-list-item">--%>
                            <%--<figure class="product-thumb">--%>
                            <%--<a href="product-details.html">--%>
                            <%--<img class="pri-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-2.jpg" alt="product">--%>
                            <%--<img class="sec-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-4.jpg" alt="product">--%>
                            <%--</a>--%>
                            <%--<div class="product-badge">--%>
                            <%--<div class="product-label new">--%>
                            <%--<span>new</span>--%>
                            <%--</div>--%>
                            <%--<div class="product-label discount">--%>
                            <%--<span>10%</span>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <%--</figure>--%>
                            <%--<div class="product-content-list">--%>
                            <%--<h5 class="product-name"><a href="product-details.html">Jasmine flowers white</a></h5>--%>
                            <%--<div class="price-box">--%>
                            <%--<span class="price-regular">$60.00</span>--%>
                            <%--<span class="price-old"><del>$80.00</del></span>--%>
                            <%--</div>--%>
                            <%--<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Unde perspiciatis--%>
                            <%--quod numquam, sit fugiat, deserunt ipsa mollitia sunt quam corporis ullam--%>
                            <%--rem, accusantium adipisci officia eaque.--%>
                            <%--</p>--%>
                            <%--<div class="button-group-list">--%>
                            <%--<a class="btn-big" href="#" data-toggle="tooltip" title="Add to Cart"><i class="lnr lnr-cart"></i>Add to Cart</a>--%>
                            <%--<a href="#" data-toggle="modal" data-target="#quick_view"><span data-toggle="tooltip" title="Quick View"><i class="lnr lnr-magnifier"></i></span></a>--%>
                            <%--<a href="#" data-toggle="tooltip" title="Add to wishlist"><i class="lnr lnr-heart"></i></a>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <%--<!-- product list item end -->--%>
                            <%--</div>--%>
                            <%--<!-- product single item start -->--%>

                            <%--<!-- product single item start -->--%>
                            <%--<div class="col-md-4 col-sm-6">--%>
                            <%--<!-- product grid start -->--%>
                            <%--<div class="product-item">--%>
                            <%--<figure class="product-thumb">--%>
                            <%--<a href="product-details.html">--%>
                            <%--<img class="pri-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-5.jpg" alt="product">--%>
                            <%--<img class="sec-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-6.jpg" alt="product">--%>
                            <%--</a>--%>
                            <%--<div class="product-badge">--%>
                            <%--<div class="product-label new">--%>
                            <%--<span>new</span>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <%--<div class="button-group">--%>
                            <%--<a href="#" data-toggle="tooltip" data-placement="left" title="Add to wishlist"><i class="lnr lnr-heart"></i></a>--%>
                            <%--<a href="#" data-toggle="modal" data-target="#quick_view"><span data-toggle="tooltip" data-placement="left" title="Quick View"><i class="lnr lnr-magnifier"></i></span></a>--%>
                            <%--<a href="#" data-toggle="tooltip" data-placement="left" title="Add to Cart"><i class="lnr lnr-cart"></i></a>--%>
                            <%--</div>--%>
                            <%--</figure>--%>
                            <%--<div class="product-caption">--%>
                            <%--<p class="product-name">--%>
                            <%--<a href="product-details.html">Blossom bouquet flower</a>--%>
                            <%--</p>--%>
                            <%--<div class="price-box">--%>
                            <%--<span class="price-regular">$35.00</span>--%>
                            <%--<span class="price-old"><del>$60.00</del></span>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <%--<!-- product grid end -->--%>

                            <%--<!-- product list item end -->--%>
                            <%--<div class="product-list-item">--%>
                            <%--<figure class="product-thumb">--%>
                            <%--<a href="product-details.html">--%>
                            <%--<img class="pri-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-5.jpg" alt="product">--%>
                            <%--<img class="sec-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-6.jpg" alt="product">--%>
                            <%--</a>--%>
                            <%--<div class="product-badge">--%>
                            <%--<div class="product-label new">--%>
                            <%--<span>new</span>--%>
                            <%--</div>--%>
                            <%--<div class="product-label discount">--%>
                            <%--<span>10%</span>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <%--</figure>--%>
                            <%--<div class="product-content-list">--%>
                            <%--<h5 class="product-name"><a href="product-details.html">Blossom bouquet flower</a></h5>--%>
                            <%--<div class="price-box">--%>
                            <%--<span class="price-regular">$45.00</span>--%>
                            <%--<span class="price-old"><del>$55.00</del></span>--%>
                            <%--</div>--%>
                            <%--<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Unde perspiciatis--%>
                            <%--quod numquam, sit fugiat, deserunt ipsa mollitia sunt quam corporis ullam--%>
                            <%--rem, accusantium adipisci officia eaque.--%>
                            <%--</p>--%>
                            <%--<div class="button-group-list">--%>
                            <%--<a class="btn-big" href="#" data-toggle="tooltip" data-placement="top" title="Add to Cart"><i class="lnr lnr-cart"></i>Add to Cart</a>--%>
                            <%--<a href="#" data-toggle="modal" data-target="#quick_view"><span data-toggle="tooltip" data-placement="top" title="Quick View"><i class="lnr lnr-magnifier"></i></span></a>--%>
                            <%--<a href="#" data-toggle="tooltip" title="Add to wishlist"><i class="lnr lnr-heart"></i></a>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <%--<!-- product list item end -->--%>
                            <%--</div>--%>
                            <%--<!-- product single item start -->--%>

                            <%--<!-- product single item start -->--%>
                            <%--<div class="col-md-4 col-sm-6">--%>
                            <%--<!-- product grid start -->--%>
                            <%--<div class="product-item">--%>
                            <%--<figure class="product-thumb">--%>
                            <%--<a href="product-details.html">--%>
                            <%--<img class="pri-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-7.jpg" alt="product">--%>
                            <%--<img class="sec-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-9.jpg" alt="product">--%>
                            <%--</a>--%>
                            <%--<div class="product-badge">--%>
                            <%--<div class="product-label new">--%>
                            <%--<span>new</span>--%>
                            <%--</div>--%>
                            <%--<div class="product-label discount">--%>
                            <%--<span>12%</span>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <%--<div class="button-group">--%>
                            <%--<a href="#" data-toggle="tooltip" data-placement="left" title="Add to wishlist"><i class="lnr lnr-heart"></i></a>--%>
                            <%--<a href="#" data-toggle="modal" data-target="#quick_view"><span data-toggle="tooltip" data-placement="left" title="Quick View"><i class="lnr lnr-magnifier"></i></span></a>--%>
                            <%--<a href="#" data-toggle="tooltip" data-placement="left" title="Add to Cart"><i class="lnr lnr-cart"></i></a>--%>
                            <%--</div>--%>
                            <%--</figure>--%>
                            <%--<div class="product-caption">--%>
                            <%--<p class="product-name">--%>
                            <%--<a href="product-details.html">Hyacinth white stick</a>--%>
                            <%--</p>--%>
                            <%--<div class="price-box">--%>
                            <%--<span class="price-regular">$35.00</span>--%>
                            <%--<span class="price-old"><del>$45.00</del></span>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <%--<!-- product grid end -->--%>

                            <%--<!-- product list item end -->--%>
                            <%--<div class="product-list-item">--%>
                            <%--<figure class="product-thumb">--%>
                            <%--<a href="product-details.html">--%>
                            <%--<img class="pri-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-7.jpg" alt="product">--%>
                            <%--<img class="sec-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-9.jpg" alt="product">--%>
                            <%--</a>--%>
                            <%--<div class="product-badge">--%>
                            <%--<div class="product-label new">--%>
                            <%--<span>new</span>--%>
                            <%--</div>--%>
                            <%--<div class="product-label discount">--%>
                            <%--<span>10%</span>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <%--</figure>--%>
                            <%--<div class="product-content-list">--%>
                            <%--<h5 class="product-name"><a href="product-details.html">Jasmine flowers white</a></h5>--%>
                            <%--<div class="price-box">--%>
                            <%--<span class="price-regular">$25.00</span>--%>
                            <%--<span class="price-old"><del>$35.00</del></span>--%>
                            <%--</div>--%>
                            <%--<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Unde perspiciatis--%>
                            <%--quod numquam, sit fugiat, deserunt ipsa mollitia sunt quam corporis ullam--%>
                            <%--rem, accusantium adipisci officia eaque.--%>
                            <%--</p>--%>
                            <%--<div class="button-group-list">--%>
                            <%--<a class="btn-big" href="#" data-toggle="tooltip" title="Add to Cart"><i class="lnr lnr-cart"></i>Add to Cart</a>--%>
                            <%--<a href="#" data-toggle="modal" data-target="#quick_view"><span data-toggle="tooltip" title="Quick View"><i class="lnr lnr-magnifier"></i></span></a>--%>
                            <%--<a href="#" data-toggle="tooltip" title="Add to wishlist"><i class="lnr lnr-heart"></i></a>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <%--<!-- product list item end -->--%>
                            <%--</div>--%>
                            <%--<!-- product single item start -->--%>

                            <%--<!-- product single item start -->--%>
                            <%--<div class="col-md-4 col-sm-6">--%>
                            <%--<!-- product grid start -->--%>
                            <%--<div class="product-item">--%>
                            <%--<figure class="product-thumb">--%>
                            <%--<a href="product-details.html">--%>
                            <%--<img class="pri-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-10.jpg" alt="product">--%>
                            <%--<img class="sec-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-12.jpg" alt="product">--%>
                            <%--</a>--%>
                            <%--<div class="product-badge">--%>
                            <%--<div class="product-label new">--%>
                            <%--<span>new</span>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <%--<div class="button-group">--%>
                            <%--<a href="#" data-toggle="tooltip" data-placement="left" title="Add to wishlist"><i class="lnr lnr-heart"></i></a>--%>
                            <%--<a href="#" data-toggle="modal" data-target="#quick_view"><span data-toggle="tooltip" data-placement="left" title="Quick View"><i class="lnr lnr-magnifier"></i></span></a>--%>
                            <%--<a href="#" data-toggle="tooltip" data-placement="left" title="Add to Cart"><i class="lnr lnr-cart"></i></a>--%>
                            <%--</div>--%>
                            <%--</figure>--%>
                            <%--<div class="product-caption">--%>
                            <%--<p class="product-name">--%>
                            <%--<a href="product-details.html">Orchid flower red stick</a>--%>
                            <%--</p>--%>
                            <%--<div class="price-box">--%>
                            <%--<span class="price-regular">$45.00</span>--%>
                            <%--<span class="price-old"><del>$65.00</del></span>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <%--<!-- product grid end -->--%>

                            <%--<!-- product list item end -->--%>
                            <%--<div class="product-list-item">--%>
                            <%--<figure class="product-thumb">--%>
                            <%--<a href="product-details.html">--%>
                            <%--<img class="pri-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-10.jpg" alt="product">--%>
                            <%--<img class="sec-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-12.jpg" alt="product">--%>
                            <%--</a>--%>
                            <%--<div class="product-badge">--%>
                            <%--<div class="product-label new">--%>
                            <%--<span>new</span>--%>
                            <%--</div>--%>
                            <%--<div class="product-label discount">--%>
                            <%--<span>10%</span>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <%--</figure>--%>
                            <%--<div class="product-content-list">--%>
                            <%--<h5 class="product-name"><a href="product-details.html">Orchid flower red stick</a></h5>--%>
                            <%--<div class="price-box">--%>
                            <%--<span class="price-regular">$600.00</span>--%>
                            <%--<span class="price-old"><del>$70.00</del></span>--%>
                            <%--</div>--%>
                            <%--<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Unde perspiciatis--%>
                            <%--quod numquam, sit fugiat, deserunt ipsa mollitia sunt quam corporis ullam--%>
                            <%--rem, accusantium adipisci officia eaque.--%>
                            <%--</p>--%>
                            <%--<div class="button-group-list">--%>
                            <%--<a class="btn-big" href="#" data-toggle="tooltip" data-placement="top" title="Add to Cart"><i class="lnr lnr-cart"></i>Add to Cart</a>--%>
                            <%--<a href="#" data-toggle="modal" data-target="#quick_view"><span data-toggle="tooltip" data-placement="top" title="Quick View"><i class="lnr lnr-magnifier"></i></span></a>--%>
                            <%--<a href="#" data-toggle="tooltip" title="Add to wishlist"><i class="lnr lnr-heart"></i></a>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <%--<!-- product list item end -->--%>
                            <%--</div>--%>
                            <%--<!-- product single item start -->--%>

                            <%--<!-- product single item start -->--%>
                            <%--<div class="col-md-4 col-sm-6">--%>
                            <%--<!-- product grid start -->--%>
                            <%--<div class="product-item">--%>
                            <%--<figure class="product-thumb">--%>
                            <%--<a href="product-details.html">--%>
                            <%--<img class="pri-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-3.jpg" alt="product">--%>
                            <%--<img class="sec-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-1.jpg" alt="product">--%>
                            <%--</a>--%>
                            <%--<div class="product-badge">--%>
                            <%--<div class="product-label new">--%>
                            <%--<span>new</span>--%>
                            <%--</div>--%>
                            <%--<div class="product-label discount">--%>
                            <%--<span>4%</span>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <%--<div class="button-group">--%>
                            <%--<a href="#" data-toggle="tooltip" data-placement="left" title="Add to wishlist"><i class="lnr lnr-heart"></i></a>--%>
                            <%--<a href="#" data-toggle="modal" data-target="#quick_view"><span data-toggle="tooltip" data-placement="left" title="Quick View"><i class="lnr lnr-magnifier"></i></span></a>--%>
                            <%--<a href="#" data-toggle="tooltip" data-placement="left" title="Add to Cart"><i class="lnr lnr-cart"></i></a>--%>
                            <%--</div>--%>
                            <%--</figure>--%>
                            <%--<div class="product-caption">--%>
                            <%--<p class="product-name">--%>
                            <%--<a href="product-details.html">Flowers daisy pink stick</a>--%>
                            <%--</p>--%>
                            <%--<div class="price-box">--%>
                            <%--<span class="price-regular">$40.00</span>--%>
                            <%--<span class="price-old"><del>$50.00</del></span>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <%--<!-- product grid end -->--%>

                            <%--<!-- product list item end -->--%>
                            <%--<div class="product-list-item">--%>
                            <%--<figure class="product-thumb">--%>
                            <%--<a href="product-details.html">--%>
                            <%--<img class="pri-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-3.jpg" alt="product">--%>
                            <%--<img class="sec-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-1.jpg" alt="product">--%>
                            <%--</a>--%>
                            <%--<div class="product-badge">--%>
                            <%--<div class="product-label new">--%>
                            <%--<span>new</span>--%>
                            <%--</div>--%>
                            <%--<div class="product-label discount">--%>
                            <%--<span>10%</span>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <%--</figure>--%>
                            <%--<div class="product-content-list">--%>
                            <%--<h5 class="product-name"><a href="product-details.html">Jasmine flowers white</a></h5>--%>
                            <%--<div class="price-box">--%>
                            <%--<span class="price-regular">$40.00</span>--%>
                            <%--<span class="price-old"><del>$50.00</del></span>--%>
                            <%--</div>--%>
                            <%--<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Unde perspiciatis--%>
                            <%--quod numquam, sit fugiat, deserunt ipsa mollitia sunt quam corporis ullam--%>
                            <%--rem, accusantium adipisci officia eaque.--%>
                            <%--</p>--%>
                            <%--<div class="button-group-list">--%>
                            <%--<a class="btn-big" href="#" data-toggle="tooltip" title="Add to Cart"><i class="lnr lnr-cart"></i>Add to Cart</a>--%>
                            <%--<a href="#" data-toggle="modal" data-target="#quick_view"><span data-toggle="tooltip" title="Quick View"><i class="lnr lnr-magnifier"></i></span></a>--%>
                            <%--<a href="#" data-toggle="tooltip" title="Add to wishlist"><i class="lnr lnr-heart"></i></a>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <%--<!-- product list item end -->--%>
                            <%--</div>--%>
                            <%--<!-- product single item start -->--%>

                            <%--<!-- product single item start -->--%>
                            <%--<div class="col-md-4 col-sm-6">--%>
                            <%--<!-- product grid start -->--%>
                            <%--<div class="product-item">--%>
                            <%--<figure class="product-thumb">--%>
                            <%--<a href="product-details.html">--%>
                            <%--<img class="pri-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-5.jpg" alt="product">--%>
                            <%--<img class="sec-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-3.jpg" alt="product">--%>
                            <%--</a>--%>
                            <%--<div class="product-badge">--%>
                            <%--<div class="product-label new">--%>
                            <%--<span>new</span>--%>
                            <%--</div>--%>
                            <%--<div class="product-label discount">--%>
                            <%--<span>15%</span>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <%--<div class="button-group">--%>
                            <%--<a href="#" data-toggle="tooltip" data-placement="left" title="Add to wishlist"><i class="lnr lnr-heart"></i></a>--%>
                            <%--<a href="#" data-toggle="modal" data-target="#quick_view"><span data-toggle="tooltip" data-placement="left" title="Quick View"><i class="lnr lnr-magnifier"></i></span></a>--%>
                            <%--<a href="#" data-toggle="tooltip" data-placement="left" title="Add to Cart"><i class="lnr lnr-cart"></i></a>--%>
                            <%--</div>--%>
                            <%--</figure>--%>
                            <%--<div class="product-caption">--%>
                            <%--<p class="product-name">--%>
                            <%--<a href="product-details.html">Rose bouquet white</a>--%>
                            <%--</p>--%>
                            <%--<div class="price-box">--%>
                            <%--<span class="price-regular">$20.00</span>--%>
                            <%--<span class="price-old"><del>$30.00</del></span>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <%--<!-- product grid end -->--%>

                            <%--<!-- product list item end -->--%>
                            <%--<div class="product-list-item">--%>
                            <%--<figure class="product-thumb">--%>
                            <%--<a href="product-details.html">--%>
                            <%--<img class="pri-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-5.jpg" alt="product">--%>
                            <%--<img class="sec-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-3.jpg" alt="product">--%>
                            <%--</a>--%>
                            <%--<div class="product-badge">--%>
                            <%--<div class="product-label new">--%>
                            <%--<span>new</span>--%>
                            <%--</div>--%>
                            <%--<div class="product-label discount">--%>
                            <%--<span>10%</span>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <%--</figure>--%>
                            <%--<div class="product-content-list">--%>
                            <%--<h5 class="product-name"><a href="product-details.html">Rose bouquet white</a></h5>--%>
                            <%--<div class="price-box">--%>
                            <%--<span class="price-regular">$70.00</span>--%>
                            <%--<span class="price-old"><del>$90.00</del></span>--%>
                            <%--</div>--%>
                            <%--<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Unde perspiciatis--%>
                            <%--quod numquam, sit fugiat, deserunt ipsa mollitia sunt quam corporis ullam--%>
                            <%--rem, accusantium adipisci officia eaque.--%>
                            <%--</p>--%>
                            <%--<div class="button-group-list">--%>
                            <%--<a class="btn-big" href="#" data-toggle="tooltip" title="Add to Cart"><i class="lnr lnr-cart"></i>Add to Cart</a>--%>
                            <%--<a href="#" data-toggle="modal" data-target="#quick_view"><span data-toggle="tooltip" title="Quick View"><i class="lnr lnr-magnifier"></i></span></a>--%>
                            <%--<a href="#" data-toggle="tooltip" title="Add to wishlist"><i class="lnr lnr-heart"></i></a>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <%--<!-- product list item end -->--%>
                            <%--</div>--%>
                            <%--<!-- product single item start -->--%>

                            <%--<!-- product single item start -->--%>
                            <%--<div class="col-md-4 col-sm-6">--%>
                            <%--<!-- product grid start -->--%>
                            <%--<div class="product-item">--%>
                            <%--<figure class="product-thumb">--%>
                            <%--<a href="product-details.html">--%>
                            <%--<img class="pri-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-7.jpg" alt="product">--%>
                            <%--<img class="sec-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-5.jpg" alt="product">--%>
                            <%--</a>--%>
                            <%--<div class="product-badge">--%>
                            <%--<div class="product-label discount">--%>
                            <%--<span>12%</span>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <%--<div class="button-group">--%>
                            <%--<a href="#" data-toggle="tooltip" data-placement="left" title="Add to wishlist"><i class="lnr lnr-heart"></i></a>--%>
                            <%--<a href="#" data-toggle="modal" data-target="#quick_view"><span data-toggle="tooltip" data-placement="left" title="Quick View"><i class="lnr lnr-magnifier"></i></span></a>--%>
                            <%--<a href="#" data-toggle="tooltip" data-placement="left" title="Add to Cart"><i class="lnr lnr-cart"></i></a>--%>
                            <%--</div>--%>
                            <%--</figure>--%>
                            <%--<div class="product-caption">--%>
                            <%--<p class="product-name">--%>
                            <%--<a href="product-details.html">Blossom bouquet flower</a>--%>
                            <%--</p>--%>
                            <%--<div class="price-box">--%>
                            <%--<span class="price-regular">$25.00</span>--%>
                            <%--<span class="price-old"><del>$35.00</del></span>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <%--<!-- product grid end -->--%>

                            <%--<!-- product list item end -->--%>
                            <%--<div class="product-list-item">--%>
                            <%--<figure class="product-thumb">--%>
                            <%--<a href="product-details.html">--%>
                            <%--<img class="pri-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-7.jpg" alt="product">--%>
                            <%--<img class="sec-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-5.jpg" alt="product">--%>
                            <%--</a>--%>
                            <%--<div class="product-badge">--%>
                            <%--<div class="product-label new">--%>
                            <%--<span>new</span>--%>
                            <%--</div>--%>
                            <%--<div class="product-label discount">--%>
                            <%--<span>10%</span>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <%--</figure>--%>
                            <%--<div class="product-content-list">--%>
                            <%--<h5 class="product-name"><a href="product-details.html">Blossom bouquet flower</a></h5>--%>
                            <%--<div class="price-box">--%>
                            <%--<span class="price-regular">$40.00</span>--%>
                            <%--<span class="price-old"><del>$50.00</del></span>--%>
                            <%--</div>--%>
                            <%--<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Unde perspiciatis--%>
                            <%--quod numquam, sit fugiat, deserunt ipsa mollitia sunt quam corporis ullam--%>
                            <%--rem, accusantium adipisci officia eaque.--%>
                            <%--</p>--%>
                            <%--<div class="button-group-list">--%>
                            <%--<a class="btn-big" href="#" data-toggle="tooltip" title="Add to Cart"><i class="lnr lnr-cart"></i>Add to Cart</a>--%>
                            <%--<a href="#" data-toggle="modal" data-target="#quick_view"><span data-toggle="tooltip" title="Quick View"><i class="lnr lnr-magnifier"></i></span></a>--%>
                            <%--<a href="#" data-toggle="tooltip" title="Add to wishlist"><i class="lnr lnr-heart"></i></a>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <%--<!-- product list item end -->--%>
                            <%--</div>--%>
                            <%--<!-- product single item start -->--%>

                            <%--<!-- product single item start -->--%>
                            <%--<div class="col-md-4 col-sm-6">--%>
                            <%--<!-- product grid start -->--%>
                            <%--<div class="product-item">--%>
                            <%--<figure class="product-thumb">--%>
                            <%--<a href="product-details.html">--%>
                            <%--<img class="pri-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-9.jpg" alt="product">--%>
                            <%--<img class="sec-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-7.jpg" alt="product">--%>
                            <%--</a>--%>
                            <%--<div class="product-badge">--%>
                            <%--<div class="product-label new">--%>
                            <%--<span>new</span>--%>
                            <%--</div>--%>
                            <%--<div class="product-label discount">--%>
                            <%--<span>50%</span>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <%--<div class="button-group">--%>
                            <%--<a href="#" data-toggle="tooltip" data-placement="left" title="Add to wishlist"><i class="lnr lnr-heart"></i></a>--%>
                            <%--<a href="#" data-toggle="modal" data-target="#quick_view"><span data-toggle="tooltip" data-placement="left" title="Quick View"><i class="lnr lnr-magnifier"></i></span></a>--%>
                            <%--<a href="#" data-toggle="tooltip" data-placement="left" title="Add to Cart"><i class="lnr lnr-cart"></i></a>--%>
                            <%--</div>--%>
                            <%--</figure>--%>
                            <%--<div class="product-caption">--%>
                            <%--<p class="product-name">--%>
                            <%--<a href="product-details.html">Flowers daisy pink stick</a>--%>
                            <%--</p>--%>
                            <%--<div class="price-box">--%>
                            <%--<span class="price-regular">$10.00</span>--%>
                            <%--<span class="price-old"><del>$20.00</del></span>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <%--<!-- product grid end -->--%>

                            <%--<!-- product list item end -->--%>
                            <%--<div class="product-list-item">--%>
                            <%--<figure class="product-thumb">--%>
                            <%--<a href="product-details.html">--%>
                            <%--<img class="pri-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-9.jpg" alt="product">--%>
                            <%--<img class="sec-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-7.jpg" alt="product">--%>
                            <%--</a>--%>
                            <%--<div class="product-badge">--%>
                            <%--<div class="product-label new">--%>
                            <%--<span>new</span>--%>
                            <%--</div>--%>
                            <%--<div class="product-label discount">--%>
                            <%--<span>10%</span>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <%--</figure>--%>
                            <%--<div class="product-content-list">--%>
                            <%--<h5 class="product-name"><a href="product-details.html">Flowers daisy pink stick</a></h5>--%>
                            <%--<div class="price-box">--%>
                            <%--<span class="price-regular">$30.00</span>--%>
                            <%--<span class="price-old"><del>$40.00</del></span>--%>
                            <%--</div>--%>
                            <%--<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Unde perspiciatis--%>
                            <%--quod numquam, sit fugiat, deserunt ipsa mollitia sunt quam corporis ullam--%>
                            <%--rem, accusantium adipisci officia eaque.--%>
                            <%--</p>--%>
                            <%--<div class="button-group-list">--%>
                            <%--<a class="btn-big" href="#" data-toggle="tooltip" data-placement="top" title="Add to Cart"><i class="lnr lnr-cart"></i>Add to Cart</a>--%>
                            <%--<a href="#" data-toggle="modal" data-target="#quick_view"><span data-toggle="tooltip" data-placement="top" title="Quick View"><i class="lnr lnr-magnifier"></i></span></a>--%>
                            <%--<a href="#" data-toggle="tooltip" data-placement="top" title="Add to wishlist"><i class="lnr lnr-heart"></i></a>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <%--<!-- product list item end -->--%>
                            <%--</div>--%>
                            <%--<!-- product single item start -->--%>

                            <%--<!-- product single item start -->--%>
                            <%--<div class="col-md-4 col-sm-6">--%>
                            <%--<!-- product grid start -->--%>
                            <%--<div class="product-item">--%>
                            <%--<figure class="product-thumb">--%>
                            <%--<a href="product-details.html">--%>
                            <%--<img class="pri-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-11.jpg" alt="product">--%>
                            <%--<img class="sec-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-12.jpg" alt="product">--%>
                            <%--</a>--%>
                            <%--<div class="product-badge">--%>
                            <%--<div class="product-label new">--%>
                            <%--<span>new</span>--%>
                            <%--</div>--%>
                            <%--<div class="product-label discount">--%>
                            <%--<span>12%</span>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <%--<div class="button-group">--%>
                            <%--<a href="#" data-toggle="tooltip" data-placement="left" title="Add to wishlist"><i class="lnr lnr-heart"></i></a>--%>
                            <%--<a href="#" data-toggle="modal" data-target="#quick_view"><span data-toggle="tooltip" data-placement="left" title="Quick View"><i class="lnr lnr-magnifier"></i></span></a>--%>
                            <%--<a href="#" data-toggle="tooltip" data-placement="left" title="Add to Cart"><i class="lnr lnr-cart"></i></a>--%>
                            <%--</div>--%>
                            <%--</figure>--%>
                            <%--<div class="product-caption">--%>
                            <%--<p class="product-name">--%>
                            <%--<a href="product-details.html">Hyacinth white stick</a>--%>
                            <%--</p>--%>
                            <%--<div class="price-box">--%>
                            <%--<span class="price-regular">$90.00</span>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <%--<!-- product grid end -->--%>

                            <%--<!-- product list item end -->--%>
                            <%--<div class="product-list-item">--%>
                            <%--<figure class="product-thumb">--%>
                            <%--<a href="product-details.html">--%>
                            <%--<img class="pri-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-11.jpg" alt="product">--%>
                            <%--<img class="sec-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-12.jpg" alt="product">--%>
                            <%--</a>--%>
                            <%--<div class="product-badge">--%>
                            <%--<div class="product-label new">--%>
                            <%--<span>new</span>--%>
                            <%--</div>--%>
                            <%--<div class="product-label discount">--%>
                            <%--<span>10%</span>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <%--</figure>--%>
                            <%--<div class="product-content-list">--%>
                            <%--<h5 class="product-name"><a href="product-details.html">Hyacinth white stick</a></h5>--%>
                            <%--<div class="price-box">--%>
                            <%--<span class="price-regular">$10.00</span>--%>
                            <%--<span class="price-old"><del>$20.00</del></span>--%>
                            <%--</div>--%>
                            <%--<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Unde perspiciatis--%>
                            <%--quod numquam, sit fugiat, deserunt ipsa mollitia sunt quam corporis ullam--%>
                            <%--rem, accusantium adipisci officia eaque.--%>
                            <%--</p>--%>
                            <%--<div class="button-group-list">--%>
                            <%--<a class="btn-big" href="#" data-toggle="tooltip" title="Add to Cart"><i class="lnr lnr-cart"></i>Add to Cart</a>--%>
                            <%--<a href="#" data-toggle="modal" data-target="#quick_view"><span data-toggle="tooltip" title="Quick View"><i class="lnr lnr-magnifier"></i></span></a>--%>
                            <%--<a href="#" data-toggle="tooltip" title="Add to wishlist"><i class="lnr lnr-heart"></i></a>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <%--<!-- product list item end -->--%>
                            <%--</div>--%>
                            <%--<!-- product single item start -->--%>

                            <%--<!-- product single item start -->--%>
                            <%--<div class="col-md-4 col-sm-6">--%>
                            <%--<!-- product grid start -->--%>
                            <%--<div class="product-item">--%>
                            <%--<figure class="product-thumb">--%>
                            <%--<a href="product-details.html">--%>
                            <%--<img class="pri-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-8.jpg" alt="product">--%>
                            <%--<img class="sec-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-6.jpg" alt="product">--%>
                            <%--</a>--%>
                            <%--<div class="product-badge">--%>
                            <%--<div class="product-label new">--%>
                            <%--<span>new</span>--%>
                            <%--</div>--%>
                            <%--<div class="product-label discount">--%>
                            <%--<span>20%</span>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <%--<div class="button-group">--%>
                            <%--<a href="#" data-toggle="tooltip" data-placement="left" title="Add to wishlist"><i class="lnr lnr-heart"></i></a>--%>
                            <%--<a href="#" data-toggle="modal" data-target="#quick_view"><span data-toggle="tooltip" data-placement="left" title="Quick View"><i class="lnr lnr-magnifier"></i></span></a>--%>
                            <%--<a href="#" data-toggle="tooltip" data-placement="left" title="Add to Cart"><i class="lnr lnr-cart"></i></a>--%>
                            <%--</div>--%>
                            <%--</figure>--%>
                            <%--<div class="product-caption">--%>
                            <%--<p class="product-name">--%>
                            <%--<a href="product-details.html">Flowers daisy pink stick</a>--%>
                            <%--</p>--%>
                            <%--<div class="price-box">--%>
                            <%--<span class="price-regular">$30.00</span>--%>
                            <%--<span class="price-old"><del>$40.00</del></span>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <%--<!-- product grid end -->--%>

                            <%--<!-- product list item end -->--%>
                            <%--<div class="product-list-item">--%>
                            <%--<figure class="product-thumb">--%>
                            <%--<a href="product-details.html">--%>
                            <%--<img class="pri-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-8.jpg" alt="product">--%>
                            <%--<img class="sec-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-6.jpg" alt="product">--%>
                            <%--</a>--%>
                            <%--<div class="product-badge">--%>
                            <%--<div class="product-label new">--%>
                            <%--<span>new</span>--%>
                            <%--</div>--%>
                            <%--<div class="product-label discount">--%>
                            <%--<span>10%</span>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <%--</figure>--%>
                            <%--<div class="product-content-list">--%>
                            <%--<h5 class="product-name"><a href="product-details.html">Flowers daisy pink stick</a></h5>--%>
                            <%--<div class="price-box">--%>
                            <%--<span class="price-regular">$80.00</span>--%>
                            <%--<span class="price-old"><del>$90.00</del></span>--%>
                            <%--</div>--%>
                            <%--<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Unde perspiciatis--%>
                            <%--quod numquam, sit fugiat, deserunt ipsa mollitia sunt quam corporis ullam--%>
                            <%--rem, accusantium adipisci officia eaque.--%>
                            <%--</p>--%>
                            <%--<div class="button-group-list">--%>
                            <%--<a class="btn-big" href="#" data-toggle="tooltip" title="Add to Cart"><i class="lnr lnr-cart"></i>Add to Cart</a>--%>
                            <%--<a href="#" data-toggle="modal" data-target="#quick_view"><span data-toggle="tooltip" title="Quick View"><i class="lnr lnr-magnifier"></i></span></a>--%>
                            <%--<a href="#" data-toggle="tooltip" title="Add to wishlist"><i class="lnr lnr-heart"></i></a>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <%--<!-- product list item end -->--%>
                            <%--</div>--%>
                            <%--<!-- product single item start -->--%>

                            <%--<!-- product single item start -->--%>
                            <%--<div class="col-md-4 col-sm-6">--%>
                            <%--<!-- product grid start -->--%>
                            <%--<div class="product-item">--%>
                            <%--<figure class="product-thumb">--%>
                            <%--<a href="product-details.html">--%>
                            <%--<img class="pri-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-9.jpg" alt="product">--%>
                            <%--<img class="sec-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-8.jpg" alt="product">--%>
                            <%--</a>--%>
                            <%--<div class="product-badge">--%>
                            <%--<div class="product-label new">--%>
                            <%--<span>new</span>--%>
                            <%--</div>--%>
                            <%--<div class="product-label discount">--%>
                            <%--<span>18%</span>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <%--<div class="button-group">--%>
                            <%--<a href="#" data-toggle="tooltip" data-placement="left" title="Add to wishlist"><i class="lnr lnr-heart"></i></a>--%>
                            <%--<a href="#" data-toggle="modal" data-target="#quick_view"><span data-toggle="tooltip" data-placement="left" title="Quick View"><i class="lnr lnr-magnifier"></i></span></a>--%>
                            <%--<a href="#" data-toggle="tooltip" data-placement="left" title="Add to Cart"><i class="lnr lnr-cart"></i></a>--%>
                            <%--</div>--%>
                            <%--</figure>--%>
                            <%--<div class="product-caption">--%>
                            <%--<p class="product-name">--%>
                            <%--<a href="product-details.html">Blossom bouquet flower</a>--%>
                            <%--</p>--%>
                            <%--<div class="price-box">--%>
                            <%--<span class="price-regular">$52.00</span>--%>
                            <%--<span class="price-old"><del>$68.00</del></span>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <%--<!-- product grid end -->--%>

                            <%--<!-- product list item end -->--%>
                            <%--<div class="product-list-item">--%>
                            <%--<figure class="product-thumb">--%>
                            <%--<a href="product-details.html">--%>
                            <%--<img class="pri-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-9.jpg" alt="product">--%>
                            <%--<img class="sec-img" src="${pageContext.request.contextPath}/static/assets/img/product/product-8.jpg" alt="product">--%>
                            <%--</a>--%>
                            <%--<div class="product-badge">--%>
                            <%--<div class="product-label new">--%>
                            <%--<span>new</span>--%>
                            <%--</div>--%>
                            <%--<div class="product-label discount">--%>
                            <%--<span>10%</span>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <%--</figure>--%>
                            <%--<div class="product-content-list">--%>
                            <%--<h5 class="product-name"><a href="product-details.html">Blossom bouquet flower</a></h5>--%>
                            <%--<div class="price-box">--%>
                            <%--<span class="price-regular">$45.00</span>--%>
                            <%--<span class="price-old"><del>$70.00</del></span>--%>
                            <%--</div>--%>
                            <%--<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Unde perspiciatis--%>
                            <%--quod numquam, sit fugiat, deserunt ipsa mollitia sunt quam corporis ullam--%>
                            <%--rem, accusantium adipisci officia eaque.--%>
                            <%--</p>--%>
                            <%--<div class="button-group-list">--%>
                            <%--<a class="btn-big" href="#" data-toggle="tooltip" title="Add to Cart"><i class="lnr lnr-cart"></i>Add to Cart</a>--%>
                            <%--<a href="#" data-toggle="modal" data-target="#quick_view"><span data-toggle="tooltip" title="Quick View"><i class="lnr lnr-magnifier"></i></span></a>--%>
                            <%--<a href="#" data-toggle="tooltip" title="Add to wishlist"><i class="lnr lnr-heart"></i></a>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <%--</div>--%>
                            <%--<!-- product list item end -->--%>
                            <%--</div>--%>
                            <!-- product single item start -->
                        </div>
                        <!-- product item list wrapper end -->

                        <!-- start pagination area -->
                        <div class="paginatoin-area text-center">
                            <ul class="pagination-box">
                                <li><a class="previous" href="javascript:void(0)"
                                       onclick="changePage(${pageInfo.prePage})"><i
                                        class="lnr lnr-chevron-left"></i></a></li>
                                <li><a href="javascript:void(0)" onclick="changePage(${pageInfo.firstPage})"
                                       style="width: 50px">首页</a></li>

                                <li><a href="javascript:void(0)" onclick="changePage(${pageInfo.pages})"
                                       style="width: 50px">尾页</a></li>
                                <li><a class="next" href="javascript:void(0)"
                                       onclick="changePage(${pageInfo.nextPage})"><i class="lnr lnr-chevron-right"></i></a>
                                </li>
                            </ul>
                        </div>
                        <!-- end pagination area -->
                    </div>
                </div>
                <!-- shop main wrapper end -->
            </div>
        </div>
    </div>
    <!-- page main wrapper end -->
</main>
<!-- main wrapper end -->

<!-- Start Footer Area Wrapper -->
<footer class="footer-wrapper">

    <!-- footer widget area start -->
    <div class="footer-widget-area">
        <div class="container">
            <div class="footer-widget-inner section-space">
                <div class="row mbn-30">
                    <!-- footer widget item start -->
                    <div class="col-lg-5 col-md-6 col-sm-8">
                        <div class="footer-widget-item mb-30">
                            <div class="footer-widget-title">
                                <h5>联系我们</h5>
                            </div>
                            <ul class="footer-widget-body accout-widget">
                                <li class="address">
                                    <em><i class="lnr lnr-map-marker"></i></em>
                                    地址：窝窝村
                                </li>
                                <li class="email">
                                    <em><i class="lnr lnr-envelope"></i>邮箱: </em>
                                    <a href="mailto:test@yourdomain.com">yourmail@gmail.com</a>
                                </li>
                                <li class="phone">
                                    <em><i class="lnr lnr-phone-handset"></i> 电话: </em>
                                    <a href="tel:(012)800456789-987">(012) 800 456 789-987</a>
                                </li>
                            </ul>
                            <%--<div class="payment-method">--%>
                            <%--<img src="${pageContext.request.contextPath}/static/assets/img/payment-pic.png" alt="payment method">--%>
                            <%--</div>--%>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <!-- footer widget area end -->

    <!-- footer bottom area start -->
    <div class="footer-bottom-area">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-6 order-2 order-md-1">
                    <div class="copyright-text">
                        <p>Copyright &copy; 2019.Company name All rights reserved.</p>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <!-- footer bottom area end -->

</footer>
<!-- End Footer Area Wrapper -->
<!-- footer widget area end -->

<!-- footer bottom area start -->
<div class="footer-bottom-area">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-md-6 order-2 order-md-1">

            </div>
            <div class="col-md-6 order-1 order-md-2">
                <div class="footer-social-link">
                    <a href="#"><i class="fa fa-twitter"></i></a>
                    <a href="#"><i class="fa fa-facebook"></i></a>
                    <a href="#"><i class="fa fa-linkedin"></i></a>
                    <a href="#"><i class="fa fa-instagram"></i></a>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- footer bottom area end -->

</footer>
<!-- End Footer Area Wrapper -->

<!-- Quick view modal start -->
<div class="modal" id="quick_view">
    <div class="modal-dialog modal-lg modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body">
                <!-- product details inner end -->
                <div class="product-details-inner">
                    <div class="row">
                        <div class="col-lg-5 col-md-5">
                            <div class="product-large-slider">
                                <div class="pro-large-img">
                                    <img src="${pageContext.request.contextPath}/static/assets/img/product/product-details-img1.jpg"
                                         alt="product-details"/>
                                </div>
                                <div class="pro-large-img">
                                    <img src="${pageContext.request.contextPath}/static/assets/img/product/product-details-img2.jpg"
                                         alt="product-details"/>
                                </div>
                                <div class="pro-large-img">
                                    <img src="${pageContext.request.contextPath}/static/assets/img/product/product-details-img3.jpg"
                                         alt="product-details"/>
                                </div>
                                <div class="pro-large-img">
                                    <img src="${pageContext.request.contextPath}/static/assets/img/product/product-details-img4.jpg"
                                         alt="product-details"/>
                                </div>
                            </div>
                            <div class="pro-nav slick-row-10 slick-arrow-style">
                                <div class="pro-nav-thumb">
                                    <img src="${pageContext.request.contextPath}/static/assets/img/product/product-details-img1.jpg"
                                         alt="product-details"/>
                                </div>
                                <div class="pro-nav-thumb">
                                    <img src="${pageContext.request.contextPath}/static/assets/img/product/product-details-img2.jpg"
                                         alt="product-details"/>
                                </div>
                                <div class="pro-nav-thumb">
                                    <img src="${pageContext.request.contextPath}/static/assets/img/product/product-details-img3.jpg"
                                         alt="product-details"/>
                                </div>
                                <div class="pro-nav-thumb">
                                    <img src="${pageContext.request.contextPath}/static/assets/img/product/product-details-img4.jpg"
                                         alt="product-details"/>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-7 col-md-7">
                            <div class="product-details-des quick-details">
                                <h3 class="product-name">Orchid flower white stick</h3>
                                <div class="ratings d-flex">
                                    <span><i class="lnr lnr-star"></i></span>
                                    <span><i class="lnr lnr-star"></i></span>
                                    <span><i class="lnr lnr-star"></i></span>
                                    <span><i class="lnr lnr-star"></i></span>
                                    <span><i class="lnr lnr-star"></i></span>
                                    <div class="pro-review">
                                        <span>1 Reviews</span>
                                    </div>
                                </div>
                                <div class="price-box">
                                    <span class="price-regular">$70.00</span>
                                    <span class="price-old"><del>$90.00</del></span>
                                </div>
                                <h5 class="offer-text"><strong>Hurry up</strong>! offer ends in:</h5>
                                <div class="product-countdown" data-countdown="2019/08/25"></div>
                                <div class="availability">
                                    <i class="fa fa-check-circle"></i>
                                    <span>200 in stock</span>
                                </div>
                                <p class="pro-desc">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
                                    nonumy
                                    eirmod tempor invidunt ut labore et dolore magna aliquyam erat.</p>
                                <div class="quantity-cart-box d-flex align-items-center">
                                    <h5>qty:</h5>
                                    <div class="quantity">
                                        <div class="pro-qty"><input type="text" value="1"></div>
                                    </div>
                                    <div class="action_link">
                                        <a class="btn btn-cart2" href="#">Add to cart</a>
                                    </div>
                                </div>
                                <div class="useful-links">
                                    <a href="#" data-toggle="tooltip" title="Compare"><i
                                            class="lnr lnr-sync"></i>compare</a>
                                    <a href="#" data-toggle="tooltip" title="Wishlist"><i
                                            class="lnr lnr-heart"></i>wishlist</a>
                                </div>
                                <div class="like-icon">
                                    <a class="facebook" href="#"><i class="fa fa-facebook"></i>like</a>
                                    <a class="twitter" href="#"><i class="fa fa-twitter"></i>tweet</a>
                                    <a class="pinterest" href="#"><i class="fa fa-pinterest"></i>save</a>
                                    <a class="google" href="#"><i class="fa fa-google-plus"></i>share</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div> <!-- product details inner end -->
            </div>
        </div>
    </div>
</div>
<!-- Quick view modal end -->

<!-- offcanvas search form start -->
<div class="offcanvas-search-wrapper">
    <div class="offcanvas-search-inner">
        <div class="offcanvas-close">
            <i class="lnr lnr-cross"></i>
        </div>
        <div class="container">
            <div class="offcanvas-search-box">
                <form class="d-flex bdr-bottom w-100" action="${pageContext.request.contextPath}/flower/shopInit" method="post" id="selForm">
                    <input type="text" placeholder="查询花名" name="fname" id="fname">

                    <button class="search-btn" onclick="selAll()"><i class="lnr lnr-magnifier"></i></button>
                </form>
            </div>
        </div>
    </div>
</div>
<!-- offcanvas search form end -->
<%--//购物车--%>
<!-- offcanvas mini cart start -->
<div class="offcanvas-minicart-wrapper">
    <div class="minicart-inner">
        <div class="offcanvas-overlay"></div>
        <div class="minicart-inner-content">
            <div class="minicart-close">
                <i class="lnr lnr-cross"></i>
            </div>
            <div class="minicart-content-box">
                <div class="minicart-item-wrapper">
                    <%--<c:forEach items="${caList}" var="ca">--%>
                    <c:forEach items="${caList}" var="ca">

                        <ul>
                            <li class="minicart-item">
                                <div class="minicart-thumb">
                                    <a href="product-details.html">
                                        <img src="${pageContext.request.contextPath}/static/assets/img/cart/cart-1.jpg" alt="product">
                                    </a>
                                </div>
                                <div class="minicart-content">
                                    <h3 class="product-name">
                                        <a href="product-details.html">${ca.fname}</a>
                                    </h3>
                                    <p>
                                        <span class="cart-quantity">${ca.count}<strong>&times;</strong></span>
                                        <span class="cart-price">￥${ca.fprice}</span>
                                    </p>
                                </div>
                                <button class="minicart-remove"onclick="deleteCart(${ca.id})"><i class="lnr lnr-cross"></i></button>
                            </li>

                        </ul>
                        <%--</c:forEach>--%>
                    </c:forEach>
                </div>

                <div class="minicart-pricing-box">
                    <ul>

                        <li class="total">
                            <span>总计</span>
                            <span><strong>${sum}</strong></span>
                        </li>
                    </ul>
                </div>

                <div class="minicart-button">
                    <a href="#"><i class="fa fa-shopping-cart"></i> 结算</a>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- offcanvas mini cart end -->
<%--//购物车--%>

<!-- Scroll to top start -->
<div class="scroll-top not-visible">
    <i class="fa fa-angle-up"></i>
</div>
<!-- Scroll to Top End -->

<!-- All vendor & plugins & active js include here -->
<!--All Vendor Js -->
<script src="${pageContext.request.contextPath}/static/assets/js/vendor.js"></script>
<!-- Active Js -->
<script src="${pageContext.request.contextPath}/static/assets/js/active.js"></script>

<script src="${pageContext.request.contextPath}/static/js/jquery-1.8.2.min.js"></script>

<script>
$(
    function () {
      // var amount =  $("#amount").val()
    }
)
    function changePage(pageNum) {

        $('[name="pageNum"]').val(pageNum)
        $("#form").submit()
    }
    function changeShizhu() {
        $('[name="type"]').val(1)
        $('[name="color"]').val("紫色")

        $("#form").submit()
        $("#t1").html(${pageInfo.total})

    }
    function changeShaoyao() {
        $('[name="type"]').val(2)
        $('[name="color"]').val("橙色")

        $("#form").submit()
        $("#t2").html(${pageInfo.total})
    }

    function changeJuke() {
        $('[name="color"]').val("粉色")

        $('[name="type"]').val(3)
        $("#form").submit()
        $("#t3").html(${pageInfo.total})
    }
    function changeQiangwei() {
        $('[name="color"]').val("红色")

        $('[name="type"]').val(4)
        $("#form").submit()
        $("#t4").html(${pageInfo.total})
    }
function addWish(id) {
    $.post("${pageContext.request.contextPath}/flower/addwish",{"id":id},function (r){
        alert(r.msg);
    })
}

function toFlowerInfo(id) {
    location.href ="${pageContext.request.contextPath}/flower/productInit?id=" + id
}
function selAll() {
    $("#selForm").submit()
}

function deleteCart(id) {
    $.post("${pageContext.request.contextPath}/cart/delCart",{"id":id},function (r){
        alert(r.msg);
        location.href ="${pageContext.request.contextPath}/flower/shopInit"
    })


}

function addCart(fid) {
    var fid = fid
    var count = 1

    $.post("${pageContext.request.contextPath}/flower/addCart",{"fid":fid,"count":count},function (r){
        alert(r.msg);
        location.href ="${pageContext.request.contextPath}/flower/shopInit"
    })


}
</script>
</body>

</html>
